<head>
    <style>


    .precio {
        width: 50% !important;
    }
    .mas-info-gratis {
        background: none !important;
    }
    .masinfoa
    {
        width:37% !important;
    }
    .nombreinstitucion {
     
    }
    .cursos-recomendados {
        margin-right: 25px;
        margin-bottom: 35px;
    }
    .cursos-recomendados:nth-child(3n+0) {
        margin-right:0px !important;
    }
    .cursotitulo{
        
        
        
    }
    .cursotitulo:first-letter {
    text-transform: uppercase;
}   
    .cursotitulo{
    float: left;
    width: 100%;
    color: red !important;
    font-weight: bold;
    height: 40px;
    text-transform: lowercase;

    }
    .cursotitulo:first-letter {
       text-transform: uppercase;
    }
    .ordenacursos {
    float: right;
    }
    .separadorbox {
       width: 100%;
       height: 45px;
    
    }
    .titulocategoria {
            width: 440px !important;
float: left;
margin-top: 0px;
font-family: Arial, tahoma;
font-size: 24px;
text-transform: uppercase;
font-weight: normal;
color: #524f4f;}
    </style>
</head>
<?php
$ci = &get_instance();

$ci->load->model("category");
$ci->load->model("institute");
?>
<div class="container contenido">
    <div class="row-fluid">
    <?php $ci->load->view('home/list_categorias.php' ); ?>
        <div class="span9"> 
  
            <?php if (!isset($lista) or count($lista) == 0) {?> 
                <br><br> No se encontraron cursos dentro de la categoria <span style="font-weight:bold;"> </span>...
            <?php } else { ?>  
        <div class="separadorbox bordeInferior">
            <div class="tituloI"><? echo $categoria[0]->name ?></div>
        <? $attributes = array('class' => 'frm_orden', 'id' => 'frm_orden');
            echo form_open('categoria/view/' . $categoria[0]->slug ,$attributes); ?>    
               <div class="ordenacursos">Ordenar por
                    <select id="ordenar_cursos" name="orden">
                        <option value="precio.asc" <?php echo (($order_by == 'precio.asc') ? ' selected' : ''); ?> >Menor precio</option>
                        <option value="precio.desc" <?php echo (($order_by == 'precio.desc') ? ' selected' : ''); ?>>Mayor precio</option>
                        <option value="fecha_inicio.desc " <?php echo (($order_by == 'fecha_inicio.desc') ? ' selected' : ''); ?>>Próximos a comenzar</option>
                    </select>
                </div>
            
        </form>
        </div>
                
                
                
                <div class="row-fluid">
                    <ul class="lista-recomendados" >
                  <?php foreach ($lista as $row) {

                    $curso_fecha_inicio = $row->fecha_inicio;
                    $curso_precio = $row->precio;
                    $curso_id = $row->slug;
                    $tipo_duracion = $row->tipo_publicacion;
              
                    ?>
                        
                        <li class="cursos-recomendados">
                                
                                
                                <div class="crop1"><a href="<?= site_url('courses/view/' . $curso_id) ?>" ><img src="<?php echo (trim($row->foto) == '') ? base_url().'public/img/proximos.jpg' : getFotoFlick($row->foto,"_m"); ?>" /></a></div>
                                <p class="cursotitulo"><a href="<?= site_url('courses/view/' . $curso_id) ?>" ><?php echo $row->titulo; ?></a></p>
                                <p>
                                <?php
                           
                                $intitute = $ci->institute->getRecordById($row->id_instituto);

                                foreach ($intitute as $row)
                                    $titulo_institucion = $row->name;
                                ?>                              
                                    <span class="nombreinstitucion"><a href="<?= site_url('instituciones/verInstitucion/' . $row->slug) ?>"><?php echo $titulo_institucion; ?></a></span>
                                </p>

                                <p>
                                   <?if($curso_fecha_inicio != "0000-00-00"){ ?> Comienzo: <b><?php echo date("d/m/Y", strtotime($curso_fecha_inicio));?>
                                   <? echo  "-";}?></b><? echo getTipoCursoado($tipo_duracion) ?>
                                </p>
                                
                     
                                
                                
                                <div class="mas-info-gratis">
                                    <span class="precio"><? echo getTxtPrecioCurso($curso_precio ) ?></b></span>
                                 <a class="masinfoa" style="color:white;"href="<?= site_url('courses/view/' . $curso_id) ?>">   <span class="info">+ INFO</span></a>
                                </div>
                                
                     
                             
                                
                           <?php }} ?>

                </ul>
            </div>

            <div class="fila">
                    <?php echo  $paginacion ?>
            </div>

        </div>
    </div>
   </div>
<script>
    $("#ordenar_cursos").change(function(){
       $("#frm_orden").submit();
    });
</script>